<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <script type="text/javascript" src="./js/1.js"></script>
    <title>Document</title>
</head>
<body style="background-color:#f6f6f6;">
    <div class="sc-wrap">
        <div class="sc-btn"></div>  
        <div class="sc">
            <div class="jd-icon"></div>
            <div class="sou"></div>
        </div>
        <div class="sc-login" onclick="tz()"><span>登录</span></div>
    </div>
    <!--主体内容-->
    <div class="main-content">
        <div class="b">
        <div class="slider">
            <ul class="list">
                <li class="item active"><img src="./upload/1.dpg" alt=""></li>
                <li class="item"><img src="./upload/2.dpg" alt=""></li>
                <li class="item"><img src="./upload/3.dpg" alt=""></li>
                <li class="item"><img src="./upload/4.dpg" alt=""></li>
            </ul>
            <ul class="pointlist">
                <li class="lpoint active" onclick="Point(0)"></li>
                <li class="lpoint" onclick="Point(1)"></li>
                <li class="lpoint" onclick="Point(2)"></li>
                <li class="lpoint" onclick="Point(3)"></li>
            </ul>
        </div>
        </div>
        <div class="brank">
            <div>
                <a href="">
                    <img src="./upload/p1.dpg" alt="">
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="./upload/p2.gif" alt="">
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="./upload/p3.dpg" alt="">
                </a>
            </div>
        </div>
        <!--nv-->
        <nav>
            <a href="">
                <img src="./upload/nv1.png" alt="">
                <span>京东超市</span>
            </a>

            <a href="">
                <img src="./upload/nv2.png" alt="">
                <span>数码电器</span>
            </a>
            <a href="">
                <img src="./upload/nv3.png" alt="">
                <span>京东服饰</span>
            </a>
            <a href="">
                <img src="./upload/nv4.png" alt="">
                <span>京东生鲜</span>
            </a>
            <a href="">
                <img src="./upload/nv5.png" alt="">
                <span>京东到家</span>
            </a>
            <a href="">
                <img src="./upload/nv6.png" alt="">
                <span>充值缴费</span>
            </a>
            <a href="">
                <img src="./upload/nv7.png" alt="">
                <span>9.9元拼</span>
            </a>
            <a href="">
                <img src="./upload/nv8.png" alt="">
                <span>领券</span>
            </a>
            <a href="">
                <img src="./upload/nv9.png" alt="">
                <span>借钱</span>
            </a>
            <a href="">
                <img src="./upload/nv10.png" alt="">
                <span>PLUS会员</span>
            </a>
        </nav>
        <div class="box1">
            <div class="goods">
            <p class="p" style="margin-top: 25px;">正品直郵</p>
            <img src="./img/aa56520b3ab276be.png!q70.jpg.dpg" alt="">
            </div>
            <div class="goods">
               <p class="p1" style="color:#222222;">来电好货</p>
               <p class="p">3G大放价</p>
             
               <img src="./img/04d440839b734589.png!q70.jpg.dpg" alt="">
            </div> 
            <div class="goods">
                <p class="p1" style="color:#222222;">国潮风尚</p>
                <p class="p">国货正当时</p>
                <img src="./img/0ec365679efbf615.png!q70.jpg.dpg" alt="">
            </div>
            <div class="goods">
                <p class="p" style="padding-top: 25px;">都是你爱的</p>
                <img src="./img/9386324f55097e7b.jpg!q70.jpg.dpg" alt="">
            </div>
        </div>
    </div> 
    <div class="mid">
        <div class="ms">
            京东秒杀&nbsp;&nbsp;16 <img src="./img/seckill-time-to_1de70c91.png" width="20px" alt=""> <a href="#">更多秒杀<img src="./img/arrow_rt_2ccb8cd5.png" width="11px" alt=""></a> 
        </div>
        <div class="msw" onclick="tzg()">
            <img src="./img/1.dpg.webp" alt="">
            <span class="s1">￥158</span>
            <span style="text-decoration:line-through">￥526.66</span>
        </div>
        <div class="msw">
            <img src="./img/ms2.dpg" alt="">
            <span class="s1">￥38</span>
            <span style="text-decoration:line-through">￥68</span>
        </div>
        <div class="msw">
            <img src="./img/ms3.dpg" alt="">
            <span class="s1">￥78</span>
            <span style="text-decoration:line-through">￥168</span>
        </div>
        <div class="msw">
            <img src="./img/ms4.dpg" alt="">
            <span class="s1">￥158</span>
            <span style="text-decoration:line-through">￥300</span>
        </div>
        <div class="msw">
            <img src="./img/ms5.png" alt="">
            <span class="s1">￥48</span>
            <span style="text-decoration:line-through">￥108</span>
        </div>
        <div class="msw">
            <img src="./img/ms6.png" alt="">
            <span class="s1">￥65</span>
            <span style="text-decoration:line-through">￥129</span>
        </div>

    </div>
    <footer>
        <div class="f">
           <img  src="./img/jdh.png" alt=""> 
        </div>
        <div class="f">
            <img src="./img/f2.png" alt="">
        </div>
        <div class="f">
            <img src="./img/f3.png" alt="">
        </div>
        <div class="f" onclick="tgc()">
            <img src="./img/f4.png" alt="">
        </div>
        <div class="f" onclick="tzl()">
            <img src="./img/f5.png" alt="">
        </div>
    </footer>
    <script>
        var items=document.getElementsByClassName('item');
        var points=document.getElementsByClassName('lpoint');
        var index=0;
        function Point(a){
            for(var i=0;i<items.length;i++){
                items[i].className='item';
            }
            for(var i=0;i<points.length;i++){
                points[i].className='lpoint';
            }
            items[a].className='item active';
            points[a].className='lpoint active';
        }
        function autoplay(){
            if (++index >= points.length) index = 0;
            Point(index);
            
        }
        setInterval(autoplay,2000);
        function tz(){
            window.location.href="login.html";
        }
        function tzg(){
            window.location.href="1.html";
        }
        function tgc(){
            window.location.href="2.html";
        }
        
    </script>
</body>
</html>